/**
 * 通过 npm 的方式来玩 redux
 *
 *    1. 安装 redux
 *      npm install redux
 *
 *    2. 创建 redux 的仓库
 *      src/store/index.ts
 *
 *    3. 使用 仓库即可。
 */

import store from "./store";

function App() {
  // 调用 store.getState() 获取仓库中的数据
  const state = store.getState();
  console.log("state", state);

  function handleInc() {
    // 操作仓库数据的修改，派发一个动作
    store.dispatch({ type: "increment" });
  }

  return (
    <div>
      <h1>App</h1>
      <p>count: {state.count}</p>
      <button onClick={handleInc}>Inc</button>
    </div>
  );
}

export default App;
